<script setup>
import { ref } from "vue";
import { defaultData } from "../json/data";
import { layoutItemMap } from "../components/index";
import mdPicker from "../components/mdPicker";

document.title = "移动端组件测试";

const layoutItemSet = ref(layoutItemMap.map);
</script>

<template>
  <div>
    <template v-for="item in defaultData" :key="item.id">
      <van-row>
        <component :is="layoutItemSet[item.component]" :item="item"></component>
      </van-row>
    </template>
    <mdPicker />
  </div>
</template>

<style scoped></style>
